<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/header.jsp" %>

<script type="text/javascript">
var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	$('#productList').load("${ctx}/product/list.do");
});	

//查询列表
$("#queryProduct").click(function(){
	var params = $("#product_info_form").serialize();
	$("#productList").show();
	$("#productList").load("${ctx}/product/list.do",params);
});
</script>
<div class="col-xs-12">
		<div id="queryProductList">
			<div class="row">
	<div class="col-xs-12">	
		<div class="widget-box widget-color-blue2">			
			<div class="widget-header">
				<h5 class="widget-title">产品查询</h5>
				<!-- #section:custom/widget-box.toolbar -->
				<div class="widget-toolbar">
					<a href="#" data-action="fullscreen" class="orange2"><i class="ace-icon fa fa-expand"></i></a>
					<a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
					<a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
				</div>
				<!-- /section:custom/widget-box.toolbar -->
			</div>
			<div class="widget-body">
				<div class="widget-main no-padding">				
                    <form id="product_info_form" name="product_info_form" class="form-horizontal">
		                 <fieldset>
						    <div class="row">
						    	<div class="form-group col-xs-6">
									<label class="col-sm-3 control-label no-padding-left" for="productName">产品名称:</label>
									<div class="col-sm-9">
											<input type="text" id="productName" name="productName"  class="col-xs-10"  />
									</div>
								</div>
							</div>
						</fieldset>
				
				<div class="form-actions center">
					<button class="btn btn-sm btn-info" type="button" id="queryProduct">
						<i class="icon-on-right ace-icon fa fa-search bigger-110"></i>
						查询
					</button>
					&nbsp; &nbsp; &nbsp;
					<button class="btn btn-sm" type="reset" id="resetVal">
						<i class="ace-icon fa fa-refresh bigger-110"></i>
						重置
					</button>
				</div>
				
		</form>
				</div>
			</div>
		</div>
	</div>
</div>
		</div>   						
	</div>
<div class="row">
	<!-- 列表 -->
	<div class="col-xs-12" id="productList"></div>
</div>